<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <title>活动导报详情</title>    
    <link href="../css/mui.min.css" rel="stylesheet"/>
   	<link rel="stylesheet" type="text/css" href="../css/mgPublic.css"/>
   	<link rel="stylesheet" type="text/css" href="../css/mggj.css"/>
    <link rel="stylesheet" type="text/css"/>
    <style type="text/css">
    .mui-scroll-wrapper{top:254px;}
    </style>
</head>
<body>
<header class="mui-bar mui-bar-nav head_bar">
   <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
    <h1 class="mui-title">活动导报详情</h1>
    <!--<a class="mui-icon iconfont icon-hongbao mui-pull-right action_menu"></a>-->
</header>
<div class="mui-content">
	<div id="slider" class="mui-slider" >
	  <div class="mui-slider-group mui-slider-loop">
	    <!-- 额外增加的一个节点(循环轮播：第一个节点是最后一张轮播) -->
	    <div class="mui-slider-item mui-slider-item-duplicate">
	      <a href="#">
	        <img src="../images/find/find_img_3.png">
	      </a>
	    </div>
	    <!-- 第一张 -->
	    <div class="mui-slider-item">
	      <a href="#">
	        <img src="../images/find/find_img_1.png">
	      </a>
	    </div>
	    <!-- 第二张 -->
	    <div class="mui-slider-item">
	      <a href="#">
	        <img src="../images/find/find_img_2.png">
	      </a>
	    </div>
	    <!-- 第三张 -->
	    <div class="mui-slider-item">
	      <a href="#">
	        <img src="../images/find/find_img_3.png">
	      </a>
	    </div>
	    <!-- 额外增加的一个节点(循环轮播：最后一个节点是第一张轮播) -->
	    <div class="mui-slider-item mui-slider-item-duplicate">
	      <a href="#">
	       <img src="../images/find/find_img_1.png">
	      </a>
	    </div>
	  </div>
	</div>
	<div class="the_avty_detail_head">
		<h2>难忘今宵，其妙之约</h2>
		<div class="the_avty_date">
			<p class="mui-col-xs-8 mui-inline">记4月份奇妙之约生日Party</p>
			<p class="mui-col-xs-4 mui-inline">2016-02-23</p>
		</div>
	</div>
	<div class="mui-scroll-wrapper" id="mui-scroll">
	    <div class="mui-scroll">
	       	<div class="the_acty_detail_content">
	       		活动报导详情
	       		<img src="../images/find/acty_detail_content.png"/>
	       	</div>
	    </div>
	</div>
</div>
<script src="../js/mui.min.js"></script>
<script type="text/javascript" charset="utf-8">
mui.init({
	statusBarBackground:'#fff',
});
mui("#mui-scroll").scroll();
</script>	
</body>
</html>